<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>ferrocarriles03 Rec1</title>
        <script type="text/javascript" src="./js/jquery-1.6.4.js"></script>
        <script type="text/javascript" src="./js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="./js/jquery.dataTables.min.js"></script>
        <link rel="stylesheet" type="text/css" href="./css/eggplant/jquery-ui-1.8.16.custom.css" />
        <link rel="stylesheet" type="text/css" href="./css/demo_table.css" />
        <script type="text/javascript" src="./js/jquery.bgiframe-2.1.2.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.core.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.button.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.draggable.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.position.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.resizable.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="./js/jquery.effects.core.js"></script>
        <script type="text/javascript" src="./js/jquery.ui.tabs.js"></script>
	<link rel="stylesheet" href="./css/demos.css"/>
        
 <script>
                       
	$(function() {
            
          //funciones de validacion   
          $( "#dialog:ui-dialog" ).dialog( "destroy" );
		
		function updateTips( t ) {
			tips
				.text( t )
				.addClass( "ui-state-highlight" );
			setTimeout(function() {
				tips.removeClass( "ui-state-highlight", 1500 );
			}, 500 );
		};

		function checkLength( o, n, min, max ) {
			if ( o.val().length > max || o.val().length < min ) {
				o.addClass( "ui-state-error" );
				updateTips( "Length of " + n + " must be between " +
					min + " and " + max + "." );
				return false;
			} else {
				return true;
			}
		};

		function checkRegexp( o, regexp, n ) {
			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass( "ui-state-error" );
				updateTips( n );
				return false;
			} else {
				return true;
			}
		};   
             
           
	                  
        var vin_exp = $( "#usuario" ),
            titulo = $( "#password" ),            
            //allFields = $( [] ).add(remitente).add(titulo).add(subtitulo).add(asunto).add(archivo).add(ffep).add(ffsr).add(fallc).add(fotros).add(fnca).add(fsoe).add(fallm),
            allFields = $( [] ).add(vin_exp).add(titulo),
            tips = $( ".validateTips" );
        
        $( "#formId1" ).dialog({
                        closeOnEscape: true,
                        autoOpen: true,
			height: 160,
			width: 200,
			modal: false,                        
			buttons: {
				"Ingresar": function() {
					var bValid = true;
					allFields.removeClass( "ui-state-error" );
			
				},
				Cancelar: function() {
					$( this ).dialog( "close" );
				}
			},
			close: function() {
				allFields.val( "" ).removeClass( "ui-state-error" );
			}
		});	
        
	});
        
    </script>
   
        
	
        
    </head>
    <body style="background-image: URL(./images/gradient86235172.png)" bgproperties=fixed>
        
        <div id="formId1" title="Formulario">        
            <form enctype="multipart/form-data" action="ferro01" method="post">
            
                <label for="usuario">USUARIO: <br/></label>
                <input name="usuario" id="usuario" type="text" maxlength="20" size="20"/> 
                <br/>
                                
                <label for="password">PASSWORD: <br/></label>
                <input name="password" id="password" type="text" maxlength="20" size="20"/> 
                <br/>
                
            </form>
            

        </div>

    </body>
</html>